<!DOCTYPE html>
<html lang="en" >
<head>
	<meta name="generator" content="Hugo 0.78.2" />
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <meta name="author" content="gandli" />
	
	
	
	<title>陈学新คิดถึง ｜ 这是陈学新คิดถึง个人主页 </title>
	
    
    
    <meta name="description" content="Hugo theme zozo example site." />
    

    
    
    <meta name="keywords" content="Hugo, theme, zozo" />
    

	
	<link rel="alternate" type="application/rss+xml" href="https://chenxuexin.com/index.xml" title="陈学新คิดถึง" />
    
    
    <link rel="shortcut icon" href="https://chenxuexin.com/images/favicon.ico" />

    <link rel="stylesheet" type="text/css" media="screen" href="https://chenxuexin.com/css/normalize.css" />
    <link rel="stylesheet" type="text/css" media="screen" href="https://cdn.jsdelivr.net/npm/animate.css@4.1.0/animate.min.css" />
    <link rel="stylesheet" type="text/css" media="screen" href="https://chenxuexin.com/css/zozo.css" />
	<link rel="stylesheet" type="text/css" media="screen" href="https://cdn.jsdelivr.net/npm/remixicon@2.5.0/fonts/remixicon.css" />
    <link rel="stylesheet" type="text/css" media="screen" href="https://chenxuexin.com/css/highlight.css" />

    
    
</head>

<body>
    <div class="main animate__animated animate__fadeInDown">
        <div class="nav_container animated fadeInDown">
    <div class="site_nav" id="site_nav">
        <ul>
            
            <li>
                <a href="/">主页</a>
            </li>
            
            <li>
                <a href="/posts/">文章</a>
            </li>
            
            <li>
                <a href="/tags/">标签</a>
            </li>
            
            <li>
                <a href="/about/">关于</a>
            </li>
            
        </ul>
    </div>
    <div class="menu_icon">
        <a id="menu_icon"><i class="ri-menu-line"></i></a>
    </div>
</div>
        <div class="header animated fadeInDown">
    <div class="site_title_container">
        <div class="site_title">
            <h1>
                <a href="https://chenxuexin.com/">
                    <span>陈学新คิดถึง</span>
                </a>
            </h1>
        </div>
        <div class="description">
            <p class="sub_title">这是陈学新คิดถึง个人主页</p>
            <div class="my_socials">
                
                
                <a href="https://facebook.com/addio" title="facebook" target="_blank"><i class="ri-facebook-fill"></i></a>
                
                
                
                <a href="https://github.com/addio" title="github" target="_blank"><i class="ri-github-fill"></i></a>
                
                
                
                <a href="https://instagram.com/addio" title="instagram" target="_blank"><i class="ri-instagram-fill"></i></a>
                
                
                
                <a href="https://twitter.com/addio" title="twitter" target="_blank"><i class="ri-twitter-fill"></i></a>
                
                
                
                <a href="https://weibo.com/addio" title="weibo" target="_blank"><i class="ri-weibo-fill"></i></a>
                
                
                <a href="https://chenxuexin.com/index.xml" type="application/rss+xml" title="rss" target="_blank"><i
                        class="ri-rss-fill"></i></a>
            </div>
        </div>
    </div>
</div>
        <div class="content">
            

<div class="post animated fadeInDown">
    <div class="post_title">
        <h2><a href='/posts/css-%E9%80%89%E6%8B%A9%E5%99%A8/'>CSS 选择器</a></h2>
    </div>
    
    <div class="list">
        <div class="post_content markdown">
            <p>在 CSS 中使用 class 的缺点 class 属性本身没有语义，用来为 CSS 样式服务，属于多余属性 使用 class 属性并没有把样式和元素绑定，针对同一个 class 属性，文本框可以使用，下拉框也可以使用，甚至按钮也可以使用，非常混乱，修改样式也不方便......</p>
        </div>
    </div>
    
    <div class="post_footer">
        <div class="meta">
            <div class="info">
                <span class="field">
                    <i class="ri-map-pin-time-line"></i>
                    <span class="date">2020.11.25</span>
                </span>
                
                <span class="field tags">
                    <i class="ri-stack-line"></i>
                    
                    <a href="https://chenxuexin.com/tags/css/">CSS</a>
                    
                    <a href="https://chenxuexin.com/tags/%E9%80%89%E6%8B%A9%E5%99%A8/">选择器</a>
                    
                </span>
                
            </div>
        </div>
    </div>
</div>

<div class="post animated fadeInDown">
    <div class="post_title">
        <h2><a href='/posts/%E5%9C%A8-html-%E4%B8%AD%E5%BF%AB%E6%8D%B7%E8%BE%93%E5%85%A5%E6%A0%87%E7%AD%BE/'>在 HTML 中快捷输入标签</a></h2>
    </div>
    
    <div class="list">
        <div class="post_content markdown">
            <p>! 加 Tab &lt;!DOCTYPE html&gt; &lt;html lang=&#34;en&#34;&gt; &lt;head&gt; &lt;meta charset=&#34;UTF-8&#34; /&gt; &lt;meta name=&#34;viewport&#34; content=&#34;width=device-width, initial-scale=1.0&#34; /&gt; &lt;title&gt;Document&lt;/title&gt; &lt;link rel=&#34;stylesheet&#34; href=&#34;style.css&#34; /&gt; &lt;/head&gt; &lt;body&gt;&lt;/body&gt; &lt;/html&gt; 标签名p 加 Tab &lt;p&gt;&lt;/p&gt; span#app 加 Tab &lt;span id=&#34;app&#34;&gt;&lt;/span&gt; div.app 加 Tab &lt;div class=&#34;app&#34;&gt;&lt;/div&gt; ul&gt;li*3 加 Tab &lt;ul&gt; &lt;li&gt;&lt;/li&gt; &lt;li&gt;&lt;/li&gt; &lt;li&gt;&lt;/li&gt; &lt;/ul&gt; ul.menu&gt;li*3&gt;a[href=#] 加 Tab &lt;ul class=&#34;menu&#34;&gt; &lt;li&gt;&lt;a href=&#34;&#34; herf=&#34;#&#34;&gt;&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href=&#34;&#34; herf=&#34;#&#34;&gt;&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href=&#34;&#34; herf=&#34;#&#34;&gt;&lt;/a&gt;&lt;/li&gt; &lt;/ul&gt; ul&gt;li*5&gt;a[href=#]{我序号是$} 加 Tab &lt;ul&gt; &lt;li&gt;&lt;a hr......</p>
        </div>
    </div>
    
    <div class="post_footer">
        <div class="meta">
            <div class="info">
                <span class="field">
                    <i class="ri-map-pin-time-line"></i>
                    <span class="date">2020.11.25</span>
                </span>
                
                <span class="field tags">
                    <i class="ri-stack-line"></i>
                    
                    <a href="https://chenxuexin.com/tags/html/">HTML</a>
                    
                </span>
                
            </div>
        </div>
    </div>
</div>

<div class="post animated fadeInDown">
    <div class="post_title">
        <h2><a href='/posts/first-posts/'>First Posts</a></h2>
    </div>
    
    <div class="list">
        <div class="post_content markdown">
            <p>Hello World! 你好，世界！......</p>
        </div>
    </div>
    
    <div class="post_footer">
        <div class="meta">
            <div class="info">
                <span class="field">
                    <i class="ri-map-pin-time-line"></i>
                    <span class="date">2020.11.23</span>
                </span>
                
                <span class="field tags">
                    <i class="ri-stack-line"></i>
                    
                    <a href="https://chenxuexin.com/tags/hello/">Hello</a>
                    
                </span>
                
            </div>
        </div>
    </div>
</div>


<div class="pagination">
    
</div>
        </div>
    </div>
    
<footer class="footer">
	<div class="powered_by">
		<a href="https://github.com/varkai/hugo-theme-zozo">Designed by VarKai,</a>
		<a href="http://www.gohugo.io/">Proudly published with Hugo,</a>
		<a href="https://cloud.tencent.com/">Hosted in Tencent Cloud</a>
	</div>

	<div class="footer_slogan">
		
		<a href="https://beian.miit.gov.cn/"></a>
		<a target="_blank" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=35018202000227" style="
        display: inline-block;
        text-decoration: none;
        height: 20px;
        line-height: 20px;
      "><img src="/备案图标.png" style="float: left" />
			<p style="
          float: left;
          height: 20px;
          line-height: 20px;
          margin: 0px 0px 0px 5px;
          color: #939393;
          font-size: 11px;
        ">闽公网安备 35018202000227号 闽ICP备2020020925号-1</p>
		</a>
	</div>
</footer>
    <script src="https://chenxuexin.com/js/jquery-3.5.1.min.js"></script>
<link href="https://chenxuexin.com/css/fancybox.min.css" rel="stylesheet">
<script src="https://chenxuexin.com/js/fancybox.min.js"></script>
<script src="https://chenxuexin.com/js/zozo.js"></script>


<script type="text/javascript" async
    src="https://cdn.bootcss.com/mathjax/2.7.5/MathJax.js?config=TeX-AMS-MML_HTMLorMML">
        MathJax.Hub.Config({
            tex2jax: {
                inlineMath: [['$', '$'], ['\\(', '\\)']],
                displayMath: [['$$', '$$'], ['\[\[', '\]\]']],
                processEscapes: true,
                processEnvironments: true,
                skipTags: ['script', 'noscript', 'style', 'textarea', 'pre'],
                TeX: {
                    equationNumbers: { autoNumber: "AMS" },
                    extensions: ["AMSmath.js", "AMSsymbols.js"]
                }
            }
        });

        MathJax.Hub.Queue(function () {
            
            
            
            var all = MathJax.Hub.getAllJax(), i;
            for (i = 0; i < all.length; i += 1) {
                all[i].SourceElement().parentNode.className += ' has-jax';
            }
        });
    </script>

<style>
    code.has-jax {
        font: inherit;
        font-size: 100%;
        background: inherit;
        border: inherit;
        color: #515151;
    }
</style>



</body>

</html>